<template>
  <TagsInput
    v-model:tagsSource="tagsSource"
    v-model:tagsList="tagsList"
    :width="'500px'"
    :isEditable="true"
  />
</template>

<script>
import TagsInput from '@/components/tags/TagsInput.vue'

export default {
  components: { TagsInput },
  data() {
    return {
      tagsSource: [
        { id: '1', label: 'Vue.js' },
        { id: '2', label: 'React' },
        { id: '3', label: 'Angular' }
      ],
      tagsList: []
    }
  }
}
</script>
